<template>
  <div>
    <el-carousel height="260px">
      <el-carousel-item v-for="(item, index) in list" :key="index">
        <NuxtLink :to="item.url ? item.url : '/'" target="_blank" :title="item.content"
          ><img class="image" v-if="item.image_to" :src="item.image_to.http_url"
        /></NuxtLink>
      </el-carousel-item>
    </el-carousel>
  </div>
</template>
<script setup lang="ts">
defineProps({
  list: {
    type: Array<any>,
    required: true,
    default: [],
  },
});
</script>
<style lang="less" scoped>
@import './index.less';
</style>
